<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>千图网</title>
  <!-- 不允许缩放 -->
  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
  <!-- 优先选择chrome 内核 -->
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  <link rel="stylesheet " type="text/css " href="css/globle.css " />
  <link rel="stylesheet " type="text/css " href="css/style.css " />
  <script src='js/jquery.js'></script>
  <script src='js/index.js'></script>
</head>

<body>
  <!-- 顶栏 -->
  <div id="top-bar">
    <div class="top-bar clearfix">
      <div class="fl clearfix">
        <div class="qq"><a href="#">QQ交谈</a></div>
        <div class="qq-group"><a href="#">官方QQ群</a></div>
        <div class="questions"><a href="">常见问题</a></div>
      </div>
      <div class="fr"><a href="#" class="hit"><i>&nbsp;</i>点我赚钱</a><a href="#" class="reg-btn">注册</a><a href="#" class="login-btn">登陆</a><a href="#" class="qq-btn">qq登录</a><a href="#" class="weixin-btn">微信登录</a>
      </div>
    </div>
  </div>
  <header id="header">
    <div class="header">
      <div class="logo">
        <a href="#"></a>
      </div>
      <nav class="nav">
        <ul class="clearfix">
          <li><a href="#">首页</a></li>
          <li><a href="#">原创设计</a></li>
          <li><a href="#">广告设计</a></li>
          <li><a href="#">淘宝设计</a></li>
          <li><a href="#">素材分类</a></li>
          <li><a href="#">千图灵感</a></li>
          <li><a href="#">设计工具</a></li>
          <li><a href="#" class="activity">活动<span></span></a></li>
          <li><a href="#" class="vip">VIP特权<span></span></a></li>
        </ul>
      </nav>
    </div>
  </header>
  <!-- 搜索 -->
  <div id="search">
    <div class="search">
      <h2>专注免费设计素材网站</h2>
      <div class="search-box clearfix">
        <input type="text" name="search" class="input-text" placeholder="800万张设计素材随便下">
        <button class="button-one">搜全站</button>
        <button class="button-two">搜原创</button>
      </div>
    </div>
  </div>
  <!-- 搜索end -->
  <main>
    <!-- banner -->
    <div class="banner">
      <img src="images/5874782b3d557.jpg">
    </div>
    <!-- sub-nav -->
    <div class="sub-nav clearfix">
      <a href="#" class="a01">原创VIP专区</a>
      <a href="#" class="a02">平面/广告</a>
      <a href="#" class="a03">淘宝设计</a>
      <a href="#" class="a04">室内设计</a>
      <a href="#" class="a05">网页/UI设计</a>
      <a href="#" class="a06">影视/媒体</a>
      <a href="#" class="a07">服装设计</a>
    </div>
    <!-- tools -->
    <div class="tools clearfix">
      <dl>
        <a href="#" target="_blank">
          <dt><img src="images/icon01.png"></dt>
          <dd>开发手册</dd>
        </a>
      </dl>
      <dl>
        <a href="#" target="_blank">
          <dt><img src="images/icon02.png"></dt>
          <dd>UI图标库</dd>
        </a>
      </dl>
      <dl>
        <a href="#" target="_blank">
          <dt><img src="images/icon03.png"></dt>
          <dd>淘宝工具</dd>
        </a>
      </dl>
      <dl>
        <a href="#" target="_blank">
          <dt><img src="images/icon04.png"></dt>
          <dd>配色工具</dd>
        </a>
      </dl>
      <dl>
        <a href="#" target="_blank">
          <dt><img src="images/icon05.png"></dt>
          <dd>网页工具</dd>
        </a>
      </dl>
      <dl>
        <a href="#" target="_blank">
          <dt><img src="images/icon06.png"></dt>
          <dd>图标宝</dd>
        </a>
      </dl>
      <dl>
        <a href="#" t="_blank" r="">
          <dt><img src="images/icon07.png"></dt>
          <dd>画册宝</dd>
        </a>
      </dl>
      <dl>
        <a href="#" target="_blank">
          <dt><img src="images/icon08.png"></dt>
          <dd>在线书法</dd>
        </a>
      </dl>
      <dl>
        <a href="#" target="_blank">
          <dt><img src="images/icon09.png"></dt>
          <dd>电商培训</dd>
        </a>
      </dl>
      <dl>
        <a href="#" target="_blank">
          <dt><img src="images/icon10.png"></dt>
          <dd>店铺装修代码</dd>
        </a>
      </dl>
      <div class="more-tools fr"><a href="#"> 更多设计工具</a></div>
    </div>
    <!-- 图文列表 -->
    <div class="hot-items">
      <h2><a href="#">更多</a>热门专题</h2>
      <div class="img-list clearfix">
        <dl>
          <a href="#" target="_blank">
            <dt><img src="images/pic01.png"></dt>
            <dd>喜庆元素背景集</dd>
          </a>
        </dl>
        <dl>
          <a href="#" target="_blank">
            <dt><img src="images/pic02.png"></dt>
            <dd>鸡年ppt</dd>
          </a>
        </dl>
        <dl>
          <a href="#" target="_blank">
            <dt><img src="images/pic03.png"></dt>
            <dd>创意海报</dd>
          </a>
        </dl>
        <dl>
          <a href="#" target="_blank">
            <dt><img src="images/pic04.png"></dt>
            <dd>年会精选</dd>
          </a>
        </dl>
        <dl>
          <a href="#" target="_blank">
            <dt><img src="images/pic05.png"></dt>
            <dd>『放假通知』素材精选</dd>
          </a>
        </dl>
      </div>
    </div>
    <!-- 友情链接 -->
    <div class="links">
      <div class="h2-title">
        <span>友情链接</span><a href="#">新素材</a><a href="#">新搜索</a><a href="#">门素材</a><a href="#">热门ppt素材</a><a href="#">热门淘宝素材</a><a href="#">热门装饰素材</a><a href="#">热门专题</a><a href="#">搜索地图</a>
      </div>
      <div class="links-list">
        <ul class="clearfix">
          <li><a href="#">千图样机</a></li>
          <li><a href="#">我图网</a></li>
          <li><a href="#">90设计</a></li>
          <li><a href="#">摄图网</a></li>
          <li><a href="#">微信公众平台</a></li>
          <li><a href="#">图片之家</a></li>
          <li><a href="#">UI图标库</a></li>
          <li><a href="#">背景图片</a></li>
          <li><a href="#">精品素材</a></li>
          <li><a href="#">千广网</a></li>
          <li><a href="#">折800官网</a></li>
          <li><a href="#">深圳地图</a></li>
          <li><a href="#">背景墙</a></li>
          <li><a href="#">找工作</a></li>
          <li><a href="#">PPT模板</a></li>
          <li><a href="#">爱奇艺广告</a></li>
          <li><a href="#">装修资讯</a></li>
          <li><a href="#">视频素材</a></li>
          <li><a href="#">天气预报查询</a></li>
          <li><a href="#">包图网</a></li>
          <li><a href="#">123网址之家</a></li>
          <li><a href="#">壁纸</a></li>
          <li><a href="#">QQ头像</a></li>
          <li><a href="#">电脑壁纸</a></li>
          <li><a href="#">淮安新闻网</a></li>
          <li><a href="#">山东门户</a></li>
          <li><a href="#">经典语录</a></li>
          <li><a href="#">qq个性签名</a></li>
          <li><a href="#">PS教程网</a></li>
          <li><a href="#">我图素材下载</a></li>
          <li><a href="#">比克尔下载</a></li>
          <li><a href="#">图片大全</a></li>
          <li><a href="#">老男人</a></li>
          <li><a href="#">壁纸</a></li>
          <li><a href="#">小清新图片</a></li>
          <li><a href="#">男士时尚</a></li>
          <li><a href="#">QQ个性签名  </a></li>
          <li><a href="#">QQ分组</a></li>
        </ul>
      </div>
    </div>
  </main>
  <div id="footer">
    <div class="footer clearfix">
      <div class="fl">
        <nav class="footer-nav"><a href="#">官方微博</a><a href="#">常见问题</a><a href="#">版权声明</a><a href="#">商务合作</a><a href="#">售后服务</a><a href="#">新素材</a><a href="#">图片下载</a><a href="#">素材专题</a><a href="#">千图导航</a><a href="#" class="qq">&nbsp;</a><span>客服电话：400-998-7011</span>
        </nav>
        <div class="text">千图网素材为用户免费分享产生，若发现您的权利被侵害，请联系tousu@58pic.com ，我们尽快处理</div>
        <div class="copyright">Copyright © 2015千图网 沪ICP备10011451号-6 用时：0.0098 0.622 秒<span></span>上海工商</div>
      </div>
      <div class="fr">
        <a href="#"></a>
      </div>
    </div>
  </div>
</body>

</html>
